<template>
	<view class="container">
		<view class="title-block">
			<text>服务项</text>
			<text>接单员佣金比例</text>
		</view>
		<view class="list" v-for="item in commList">
				<van-cell size="large" :title="item.name" :value="item.yjbl+'%'" />
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';
	import {
		onLoad
	} from '@dcloudio/uni-app';
	import {
		rateList
	} from '@/api/index.js'
	let commList = ref(null)
	onLoad(() => {
		rateList({
			depid:uni.getStorageSync('school_id')
		}).then(res => {
			commList.value = res.data
			console.log(res)
		})


	})
</script>

<style scoped>
	.container {
		background-color: #f5f5f5;
		min-height: 100vh;
	}

	.title-block {
		padding-left: 40rpx;
		padding-right: 40rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 30rpx;
		font-weight: bold;
		color: #3c91ff;
		height: 80rpx;
	}

	.list {
		background-color: #fff;
	}
</style>